﻿<div class="sidebar-wrap">
    <div class="with-progress full-height" data-bind="spinner: spinner">
        <h6>Queues</h6>
        <ul class="side-nav" data-bind="foreach: queues">
            <li data-bind="css: { active: $parent.context.queues.queue() == $data.name() }">
                <!-- ko if: $parent.context.queues.queue() == $data.name() -->
                <span data-bind="text: name, title: name"></span>
                <!-- /ko-->
                <!-- ko ifnot: $parent.context.queues.queue() == $data.name() -->
                <a data-bind="href: $parent.getQueueDetailsUrl($data), text: name, title: name"></a>
                <!-- /ko-->
            </li>
        </ul>
    </div>
</div>
<div class="controls">
    <ul class="button-group left">
        <li>
            <button class="small secondary button" data-bind="modalOpen: 'createQueue', click: details.reset"><span aria-hidden="true" class="icon-plus"></span></button>
        </li>
        <li>
            <button class="small secondary button" data-bind="modalOpen: 'deleteQueue', click: $parent.queuesView.deleteDetails.initFromCurrent">
                <span aria-hidden="true" class="icon-delete"></span>
            </button>
        </li>
        <li>
            <button class="small secondary button" title="Reload queues" data-bind="click: reload">
                <span aria-hidden="true" class="icon-reload"></span>
            </button>
        </li>
    </ul>
</div>
